<!DOCTYPE html>
<html lang="en">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>次元寻梦 登录注册</title>
    <style data-styles="">
        ion-icon {
            visibility: hidden
        }
        
        .hydrated {
            visibility: inherit
        }
    </style>
    <link rel="stylesheet" type="text/css" href="css/login page2.css">
</head>

<body>
    <div class="container" id="container">
        <div class="form-container sign-up-container">
            <form action="#">
                <h1>用户注册</h1>
                <input type="text" placeholder="姓名">
                <input type="email" placeholder="账号">
                <input type="password" placeholder="密码">
                <button>注册</button>
            </form>
        </div>
        <div class="form-container sign-in-container">
            <form action="#">
                <h1>用户登录</h1>
                <input type="email" placeholder="账号">
                <input type="password" placeholder="密码">
                <button>登录</button>
            </form>
        </div>
        <div class="overlay-container">
            <div class="overlay">
                <div class="overlay-panel overlay-left">
                    <h1>欢迎新人</h1>
                    <p>厉害了，这都被你发现了呢</p>
                    <button class="ghost" id="signIn">登录</button>
                </div>
                <div class="overlay-panel overlay-right">
                    <h1>欢迎回来</h1>
                    <p>快快过来咯，等你好久了呢</p>
                    <button class="ghost" id="signUp">注册</button>
                </div>
            </div>
        </div>
    </div>
    <script src="js/login page2.js"></script>
</body>

</html>